import React, {PureComponent} from "react";
import QueueAnim from 'rc-queue-anim'
import Item from './Item'
import {Flex} from 'antd-mobile'

export default class extends PureComponent {
  constructor(props) {
    super(props);
   
    this.state = {
    
    };
    
  }

  componentDidMount() {
    console.log(this.props,'AssignListAssignListAssignList')
  }
  

  p(s) {
    return s < 10 ? "0" + s : s;
  }

  

  componentWillUnmount(){

  }

  render() {
    let that = this
    let {itemData} = this.props
    clearInterval(this.temp)
    let myList = itemData.map((item,index)=>{
        return(<Item key={index}  item={item}></Item>)
     }) 
    
    return (
       <div>
       <Flex className={`block10`} />
       <QueueAnim 
          type="bottom"
          ease={['easeOutQuart', 'easeInOutQuart']}
         >
         {myList}
         </QueueAnim>
       </div> 
    );
  }
}